<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8" />
<title>我的最愛</title>

<link rel="stylesheet" href="../css/sunny/fontsize1.1/jquery-ui-1.10.4.custom.css">
	
<script src="../js/jquery-1.10.2.js"></script>
<script src="../js/jquery-ui-1.10.4.custom.js"></script>
<script src="../js/jquery.elastic.source.js"></script>
<script src="../js/jquery.jscroll.js"></script>

<style>
body {
	overflow-x:hidden;
}
</style>

<script>

$(function() { 
		$( ".elastic" ).elastic();
		$( '.scroll' ).jscroll();
});

</script>

</head>

<body>
		
	<div class="scroll" style="width: 700px;">
	<div style="position: relative; margin: 10px; padding:10px; width: 600px; border-style:groove; border-width:5px; border-color:blue; border-radius: 25px; background: rgb(223,243,249)">
	<div style="position: relative;">
	<a href="#" style="position:absolute; right:5px; top:5px;"><img src="../images/like.png"></a>
	<a href="#" style="position:absolute; right:5px; top:35px;"><img src="../images/favorite.png"></a>
	<a href="#" style="position:absolute; right:5px; top:65px;"><img src="../images/edit.png"></a>
	<a href="#" style="position:absolute; right:5px; top:95px;"><img src="../images/delete.png"></a>
	</div>
	PO文者：會員01<br/>
	內容：<br/>
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	LALALALA<br/>
	</div>
	<div style="position: relative; margin: 10px; padding:10px; width: 600px; border-style:groove; border-width:0px 5px 0px 5px; border-color:green; border-radius: 25px;; background: rgb(240,250,211)">
	留言者：<input id="comment01" type="text" name="comment01" placeholder="我要留言" class="text ui-widget-content ui-corner-all" style="position: relative; left: 2px;"><br/>
	<span style="position:absolute;vertical-align:middle;top:50%;">內容：</span>
	<textarea cols="60" rows="1" placeholder="我要留言" style="position: relative; left: 52px; resize: none; max-height:240px; margin-top:5px;"
		class="elastic text ui-widget-content ui-corner-all"></textarea>
		<br/>
	</div>
	<div style="position: relative; margin: 10px; padding:10px; width: 600px; border-style:groove; border-width:5px; border-color:green; border-radius: 25px;; background: rgb(240,250,211)">
	留言者：AAA<br/>
	內容：LALALALA<br/>
	</div>
	<div style="position: relative; margin: 10px; padding:10px; width: 600px; border-style:groove; border-width:5px; border-color:green; border-radius: 25px;; background: rgb(240,250,211)">
	留言者：AAA<br/>
	內容：LALALALABBBBBBBBBBBBBBBBBB<br/>
	<div class="next"><a href="othercontent.html">next page</a></div>
	</div>
	</div>
	
	
</body>

</html>